<template>
  <div>
        <button size="primary" type="info" icon="plus" @click="getContent">获取内容</button>
        <vue-ueditor-wrap v-model="msg" :config="myConfig"></vue-ueditor-wrap>
  </div>
</template>

<script>
// 1、引入VueUeditorWrap组件
import VueUeditorWrap from 'vue-ueditor-wrap' // ES6 Module
  export default{
      name: 'hello',
      data(){
        return {
           msg: '<h2>Vue + UEditor + v-model双向绑定</h2>',
           myConfig: {
            // 如果需要上传功能,找后端小伙伴要服务器接口地址
            serverUrl: 'http://35.201.165.105:8000/controller.php',
            // 你的UEditor资源存放的路径,相对于打包后的index.html
            UEDITOR_HOME_URL: './UEditor/',
            // 编辑器不自动被内容撑高
            autoHeightEnabled: false,
            // 初始容器高度
            initialFrameHeight: 240,
            // 初始容器宽度
            initialFrameWidth: '100%',
            // 关闭自动保存
            enableAutoSave: false

        }
        }
      },
      components: {
        VueUeditorWrap
      },
      methods: {
        //获取文档内容
        getContent: function(){
          alert(this.msg)
        }
      }
  }

</script>
